<template>
  <div class="box">
    <artical-header/>
    <artical-talk/>
  </div>
</template>

<script>
import { getArticalSmall, viewArticle } from 'com/shuju.js'
import ArticalHeader from './components/header'
import ArticalTalk from './components/talk'
export default {
  name: 'Articals',
  components: {
    ArticalHeader,
    ArticalTalk
  },
  mounted () {
    getArticalSmall(this.$route.query.id, this) // 得到点击文章数据
    const data = new FormData()
    data.set('articleId', this.$route.query.id)
    viewArticle(data, this)
    console.clear()
  }
}
</script>

<style lang="stylus" scoped>
  .box{
    position: relative
    margin: 0 auto
    width: 1100px
    height: auto
  }
</style>
